<!--
  Generated template for the ForgetPasswordPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  
    <ion-navbar no-border>
        <button ion-button menuToggle>
            <ion-icon name="menu"></ion-icon>
          </button>
      <ion-title >忘记密码</ion-title>
    </ion-navbar>
  
  </ion-header>
   
  <ion-content no-padding>
      <div class="iputcenter" >
          <ion-item  class="itemtop">
              <ion-icon name="contact" color="primary" item-left ios="ios-contact-outline" md="ios-contact-outline"></ion-icon>
              <ion-input (blur)='blurReset()'  type="tel" maxlength="11" placeholder="请输手机号" [(ngModel)]="phoneNum" ></ion-input>
              <button ion-button (click)="geSmsCodeClicked(phoneNum)" [ngClass]="{'ready':!isCountingDown,'counting':isCountingDown}" item-end>{{valcodebtntext}}</button>
            </ion-item>
          
            <ion-item>
              <ion-icon name="contact" color="primary" item-left ios="ios-phone-portrait-outline" md="ios-phone-portrait-outline"></ion-icon>
              <ion-input (blur)='blurReset()' type="number" placeholder="请输入验证码" maxlength="4" [(ngModel)]="smsCode"></ion-input>
            </ion-item>
            <ion-item>
                <ion-icon name="unlock" color="primary" item-left ios="ios-unlock-outline" md="ios-unlock-outline"></ion-icon>
              <ion-input (blur)='blurReset()'  type="password" placeholder="请输入新密码" minlength="6" maxlength="20" [(ngModel)]="password"></ion-input>
            </ion-item>
            <ion-item>
                <ion-icon name="lock" color="primary" item-left ios="ios-lock-outline" md="ios-lock-outline"></ion-icon>
              <ion-input (blur)='blurReset()' type="password" placeholder="请确认新密码" maxlength="20" [(ngModel)]="confirmPassword"></ion-input>
            </ion-item>
            <div style="margin:20px" >
              <button ion-button block color="primary" (click)="resetPwd(phoneNum,smsCode,password,confirmPassword)">
                确定
              </button>
            </div>
      </div>
</ion-content>
